<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control"  content="no-transform">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>B币支付</title>
    <link href="/statics/weui/weui.min.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .page, body {
            background-color: #FBF9FE;
        }
        .hd {
            padding: 2em 0;
        }
        .page_title {
            text-align: center;
            font-size: 34px;
            color: #3CC51F;
            font-weight: 400;
            margin: 0 15%;
        }
        .page_title_desc{
            text-align: center;
            font-size: 16px;
            color: #888;
        }
        .page.cell .bd {
            padding-bottom: 30px;
        }
    </style>
</head>
<body>
<div class="page">
    <div class="hd">
        <h1 class="page_title">100B币</h1>
        <p class="page_title_desc">小米手环购买</p>
    </div>
    <div class="bd">
        <div class="weui_cells_title">订单信息</div>
        <div class="weui_cells">
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>收款方</p>
                </div>
                <div class="weui_cell_ft">
                    小米科技有限公司
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>订单编号</p>
                </div>
                <div class="weui_cell_ft">
                    201522453312
                </div>
            </div>
        </div>
        <div class="weui_cells_title">余额支付</div>
        <div class="weui_cells weui_cells_form">
            <div class="weui_cell">
                <div class="weui_cell_hd weui_cell_primary">账户可用余额:50元</div>
                <div class="weui_cell_ft">
                    <input class="weui_switch" type="checkbox">
                </div>
            </div>
        </div>
        <div class="weui_cells_title">第三方</div>
        <div class="weui_cells weui_cells_form">
            <div class="weui_cell">
                <div class="weui_cell_hd weui_cell_primary">话付购(话费支付)</div>
                <div class="weui_cell_ft">
                    <input class="weui_switch" type="checkbox">
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_hd weui_cell_primary">微信支付</div>
                <div class="weui_cell_ft">
                    <input class="weui_switch" type="checkbox">
                </div>
            </div>
        </div>
        <div class="weui_btn_area">
            <a class="weui_btn weui_btn_primary" href="javascript:">确认支付</a>
        </div>
    </div>
</div>
<script type="text/javascript" src="/statics/jquery/jquery.js"></script>
<script type="text/javascript" src="/statics/layer.m/layer.m.js"></script>
<script type="text/javascript">
    $(function(){
        $("#get_sms_code").click(function(){
            layer.open({
                type: 2,
                content: '发送中'
            });
            $.ajax({
                url: "",
                type: "POST",
                data: {
                    username: "",
                },
                dataType: "json",
                cache: false,
                success: function(message) {

                    layer.open({
                        content: '您好',
                        time: 2
                    });
                }
            });
            layer.closeAll('loading');
            return false;
        });
    });

    function paymentValidate(){
        layer.open({
            title: '提示',
            content: '确定支付吗？',
            btn: ['确定', '取消'],
            yes: function(index){

            }
        });
        return false;
    }
</script>
</body>
</html>